
/* sRGB color. */
:root {
  --bright-blue: rgb(0, 100, 255);
  --bright-green: rgb(0, 255, 0);
  --bright-red: rgb(255, 0, 0);
  --background: rgb(250,250,250);
  --foreground: white;
  --border-size: 2px;
  --border-radius: 0.75em;
}

h1{text-align: center;font-size: 48px;margin: 20px}
.markdown-body pre{position: relative}
.main{
  margin-left: 9%;
  margin-right: 1%;
  width: 70%;
  margin-bottom: 50px;
}
.codeContent {
  max-width: 400px;
  margin: 0 auto;
  padding-top: 25vh;
}
/* 因为默认的代码块没有样式，所以添加一个背景色 */
.blog-content pre {
  background: var(--background);
  padding: 25px 20px;
  margin: 10px 0;
  text-align: left;
  border-radius: 10px;
  position: relative;
}
.blog-content pre:hover .copy-btn {
  opacity: 1;
}

.hljs-ln-numbers {
  text-align: right;
  border: none!important;
  border-right: 1px solid #ccc !important;
  color: #999;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.hljs-ln-code,hljs-ln-line{
  border: none!important;
}
.hljs-ln{
  margin-bottom:0px!important;
}

.markdown-body table tr{
  background-color: unset!important;
  border: none!important;
}


/* 右侧导航栏 */
#aside{
  background-color: #f6f8fa;
  width: 20%;
  height: 100%;
  position: fixed;
  top: 60px;
  right: 0;
}

.outline-toolbar_rtl{
  top:90%
}
